ul,li{
    list-style: none;
}
.pd-10{
    padding: 10px;
}
.pd-11{
    padding: 11px;
}
.pd-15{
    padding: 15px;
}

.pd-20-14-40{
    padding: 20px 14px 40px;
}
.pd-0-15{
    padding: 0 15px;
}
.pd-0-20{
    padding: 0 20px;
}
.pd-0-35{
    padding: 0 35px;
}
.pd-15-0{
    padding: 15px 0;
}
.pd-20-0{
    padding: 20px 0;
}
.pd-3-5{
    padding: 3px 5px;
}
.pd-3-8{
    padding: 3px 8px;
}
.pd-5-10{
    padding: 5px 10px;
}
.pd-15-11{
    padding: 15px 11px;
}
.pd-15-20{
    padding: 15px 20px;
}
.pd-15-13{
    padding: 15px 13px;
}
.pd-20-15{
    padding: 20px 15px;
}
.pd-30-15{
    padding: 30px 15px;
}
.pd-30-20{
    padding: 30px 20px;
}
.pd-40-15{
    padding: 40px 15px;
}
.pt-6{
    padding-top: 6px;
}
.pt-9{
    padding-top: 9px;
}
.pt-10{
    padding-top: 10px;
}
.pt-15{
    padding-top: 15px;
}
.pt-17{
    padding-top: 17px;
}
.pt-18{
    padding-top: 18px;
}
.pt-19{
    padding-top: 19px;
}
.pt-20{
    padding-top: 20px;
}
.pt-22{
    padding-top: 22px;
}
.pt-29{
    padding-top: 29px;
}
.pt-30{
    padding-top: 30px;
}
.pt-35{
    padding-top: 35px;
}
.pt-38{
    padding-top: 38px;
}
.pt-44{
    padding-top: 44px;
}
.pt-49{
    padding-top: 49px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-15{
    padding-bottom: 15px;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-21{
    padding-bottom: 21px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-32{
    padding-bottom: 32px;
}
.pb-38{
    padding-bottom: 38px;
}
.pb-40{
    padding-bottom: 40px;
}
.pl-15{
    padding-left: 15px;
}
.pr-15{
    padding-right: 15px;
}
.mt-3{
    margin-top: 3px;
}
.mt-5{
    margin-top: 5px;
}
.mt-7{
    margin-top: 7px;
}
.mt-10{
    margin-top: 10px;
}
.mt-12{
    margin-top: 12px;
}
.mt-15{
    margin-top: 15px;
}
.mt-16{
    margin-top: 16px;
}
.mt-17{
    margin-top: 17px;
}
.mt-19{
    margin-top: 19px;
}
.mt-20{
    margin-top: 20px;
}
.mt-23{
    margin-top: 23px;
}
.mt-24{
    margin-top: 24px;
}
.mt-25{
    margin-top: 25px;
}
.mt-29{
    margin-top: 29px;
}
.mt-30{
    margin-top: 30px;
}
.mt-70{
    margin-top: 70px;
}
.ml-4{
    margin-left: 4px;
}
.ml-6{
    margin-left: 6px;
}
.ml-7{
    margin-left: 7px;
}
.ml-8{
    margin-left: 8px;
}
.ml-10{
    margin-left: 10px;
}
.ml-13{
    margin-left: 13px;
}
.ml-15{
    margin-left: 15px;
}
.ml-17{
    margin-left: 17px;
}
.ml-18{
    margin-left: 18px;
}
.ml-22{
    margin-left: 22px;
}
.ml-27{
    margin-left: 27px;
}
.mb-3{
    margin-bottom: 3px;
}
.mb-4{
    margin-bottom: 4px;
}
.mb-5{
    margin-bottom: 5px;
}
.mb-6{
    margin-bottom: 6px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-13{
    margin-bottom: 13px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-17{
    margin-bottom: 17px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-21{
    margin-bottom: 21px;
}
.mb-50{
    margin-bottom: 50px;
}
.mr-4{
    margin-right: 4px;
}
.mr-5{
    margin-right: 5px;
}
.mr-6{
    margin-right: 6px;
}
.mr-7{
    margin-right: 7px;
}
.mr-8{
    margin-right: 8px;
}
.mr-10{
    margin-right: 10px;
}
.mr-15{
    margin-right: 15px;
}
.mr-17{
    margin-right: 17px;
}
.mr-20{
    margin-right: 20px;
}
.mr-26{
    margin-right: 26px;
}
.c-666{
    color: #666;
}
.c-333{
    color: #333;
}
.c-999{
    color: #999;
}
.c-fff{
    color: #fff;
}
.c-EA5404{
    color: #00B3F6;
}
.c-C4C4C4{
    color: #C4C4C4;
}
.c-FCC556{
    color: #FCC556;
}
.c-FF5900{
    color: #00B3F6;
}
.c-FF5501{
    color: #00B3F6;
}
.c-FF5A01{
    color: #00B3F6;
}
.bg-fff{
    background-color: #fff;
}
.bg-ff591a{
    background-color: #00B3F6;
}
.bg-EA5404{
    background-color: #00B3F6;
}
.bg-F8F8F9{
    background-color: #F8F8F9;
}
.bg-FF5900{
    background-color: #00B3F6;
}
.bg-FFEFE7{
    background-color: #FFEFE7;
}
.bg-F7F7F7{
    background-color: #F7F7F7;
}
.bg-FF7227{
    background-color: #00B3F6;
}
.bg-FFFBF3{
    background-color: #FFFBF3;
}
.fz-8{
    font-size: 8px;
}
.fz-9{
    font-size: 9px;
}
.fz-10{
    font-size: 10px;
}
.fz-11{
    font-size: 11px;
}
.fz-12{
    font-size: 12px;
}
.fz-13{
    font-size: 13px;
}
.fz-14{
    font-size: 14px;
}
.fz-15{
    font-size: 15px;
}
.fz-16{
    font-size: 16px;
}
.fz-17{
    font-size: 17px;
}
.fz-18{
    font-size: 18px;
}
.fz-20{
    font-size:20px;
}
.fz-21{
    font-size:21px;
}
.fz-24{
    font-size:24px;
}
.fz-25{
    font-size:25px;
}
.fz-30{
    font-size:30px;
}
.fz-32{
    font-size:32px;
}
.fz-34{
    font-size:34px;
}
.fz-53{
    font-size:53px;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.bb-line{
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.bt-line{
    border-top: 1px solid rgba(0,0,0,0.1);
}
.lh-10{
    line-height: 1.0;
}
.lh-15{
    line-height: 1.5;
}
.lh-30{
    line-height: 30px;
}
.lh-40{
    line-height: 40px;
}
.lh-44{
    line-height: 44px;
}
.lh-52{
    line-height: 52px;
}
.h-43{
    height: 43px;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.fixed{
    position: fixed;
}
.line-through{
    text-decoration: line-through;
}
.underline{
    text-decoration: underline;
}
.width-full{
    width: 100%;
}
.height-full{
    height: 100%;
}
.height-43{
    height:43px;
}
.height-55{
    height:55px;
}
.height-78{
    height:78px;
}
img{
    vertical-align: top;
}
.b-r-5{
    border-radius: 5px;
}
.text-nowrap{
    white-space: nowrap;
}

.pr5{
    position: relative;
    top: -4px;
}
.alignCenter {
    align-items: center;
}
.bgf1 {
    background: #f1f1f1;
}
.isBlack .commentCon .commitItem .item0,.isBlack .activityItem {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.isBlack .activityItem.first {
    border-top: 1px solid rgba(255,255,255,.1);
}
.htmlWrap p,.htmlWrap span,.htmlWrap {
    white-space: pre-wrap !important;
    word-break: break-all !important;
}
.htmlWrap p {
    margin: 0 !important;
}
.isBlack .imgWrap0 {
    background: none;
}
.isBlack .activityContent .tit {
    color: #fff;
}
.isBlack,.isBlack .activityContent {
    min-height: 100vh;
  }
  .isBlack .info-title,.isBlack .names0.color000,.isBlack .top .tit {
      color: #fff !important;
  }
  .isBlack .collectButton22 {
      background: red;
  }
  .isBlack .commentCon .commitItem .replayCon,.isBlack .infoBox {
      background: #232326 !important;
  }
  .isBlack .item0 span {
      color: #fff;
  }
  .isBlack .commentCon .commitItem .desc {
      color: #fff !important;
  }
  .isBlack .FollowButton {
      background: none !important;
  }
  .isBlack .van-cell,.isBlack .bgf1,.isBlack,.isBlack .activityContent,.isBlack .top,.isBlack .bgf,.isBlack .bgfff,.isBlack .bgF7F7F7 {
    background: #17171a !important;
  }
  .isBlack .color111,.isBlack input.text-right,.isBlack .van-cell__value--alone,.isBlack .van-cell,.isBlack .color0,.isBlack .bgf,.isBlack .blackFont,.isBlack .top .createTime,.isBlack .report,.isBlack .commentCon .tit,.isBlack .c-999,.isBlack .content {
    color: #fff !important;
  }
  .isBlack .color333,.isBlack .color666,.isBlack .color000 {
      color: #999 !important;
  }
  .isBlack .carTitle {
      color: #333;
  }
  .isBlack .interval,.isBlack .interval2 {
      opacity: 0;
      background-color:#17171a !important;
  }
  .isBlack .blrt1 {
    border-top: 1px solid #333;
  }
  .isBlack .blrb1 {
    border-bottom: 1px solid #333;
  }
  .isBlack .bbline{
    border-bottom: 1px solid #333;
  }
  .report {
    padding: 10px 0 30px;
    font-size: 24px;
    line-height: 40px;
    color: #999;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    overflow: hidden;
    text-align: right;
}
.ReportImg {
    display: inline-block;
    width: 40px;
    height: auto;
}
.replaceToast {
    line-height: 40px;
    padding: 20px 40px;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 26px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.replaceToastIco {
    background-color: #fff;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    padding: 20px 40px;
    box-shadow: 0 0 16px rgba(0,0,0,.35);
}
.toastIco {
    display: block;
    width: 80px;
    height: 80px;
    margin:0 auto;
}
.toastTitle {
    color: #000;
    font-size: 28px;
    line-height: 1.3;
    margin: 20px auto 10px;
}
.toastDetail {
    color: #333;
    font-size: 24px;
    line-height: 1.3;
}
.bgF5F5F5 {
    background-color: #f5f5f5;
}
.bgF7F7F7 {
    background-color: #f7f7f7;
}
.pd-30 {
    padding-bottom: 30px;
}
.bgfff {
    background-color: #fff;
}
.pb100 {
    padding-bottom: 100px;
}
.pd-0-30 {
    padding: 0 30px;
}
.ml30 {
    margin-left: 30px;
}
.mt10 {
    margin-top: 10px;
}
.mr30 {
    margin-right: 30px;
}
.mc {
    color: #02A8E8;
}
.color666 {
    color: #666;
}
.color999 {
    color: #999;
}
.fb  {
    display: flex;
}
.fb-main-between {
    justify-content: space-between;
}
.bbline {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.poa {
    position: absolute;
}
.lh76 {
    line-height: 76px;
}
.pt35 {
    padding-top: 35px;
}
.pb30 {
    padding-bottom: 30px;
}
.mb27 {
    margin-bottom: 27px;
}
.mt50 {
    margin-top: 50px;
}
.pt45 {
    padding-top: 45px;
}
.pt40 {
    padding-top: 40px;
}
.mt45 {
    margin-top: 45px;
}
.dbi {
    display: inline-block;
}
.htmlWrap img {
    display: block;
    width: 100% !important;
    height: auto !important;
}

/**app.wxss**/
.contentBox {box-sizing:border-box;}
.bgImg {background-position:center;background-repeat:no-repeat !important;background-size:cover !important;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font17 {font-size:17px;}
.font18 {font-size:18px;}
.font19 {font-size:19px;}
.font20 {font-size:20px;}
.font21 {font-size:21px;}
.font22 {font-size:22px;}
.font23 {font-size:23px;}
.font24 {font-size:24px;}
.font25 {font-size:25px;}
.font26 {font-size:26px;}
.font27 {font-size:27px;}
.font28 {font-size:28px;}
.font29 {font-size:29px;}
.font30 {font-size:30px;}
.font31 {font-size:31px;}
.font32 {font-size:32px;}
.font33 {font-size:33px;}
.font36 {font-size:36px;}
.font40 {font-size:40px;}
.font42 {font-size:42px;}
.font44 {font-size:44px;}
.font46 {font-size:46px;}
.font48 {font-size:48px;}
.font50 {font-size:50px;}
.font56 {font-size:56px;}
.font60 {font-size:60px;}
.font65 {font-size:65px;}
.font70 {font-size:70px;}
.font80 {font-size:80px;}
.font84 {font-size:84px;}
.font95 {font-size:95px;}


.bold {font-weight:bold;}
.bolder {font-weight:bolder;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.baseLine {vertical-align:baseline;}
.verticalTop {vertical-align:top;}
.colorfff {color:#fff;}
.color0 {color:#000;}
.color000 {color:#000;}
.color111 {color:#111;}
.color333 {color:#333;}
.color666 {color:#666;}
.color888 {color:#888;}
.color999 {color:#999;}
.mainColor {color:#00a8e8;}
.colorFF0000 {color:#ff0000;}
.colorD7B643 {color:#D7B643;}
.colorDB3A3A {color:#DB3A3A;}
.color9B9FA5 {color:#9b9fa5;}
.colorF2FAFD {color:#f2fafd;}
.colorBCBCBC {color:#bcbcbc;}
.colorFEFEFE {color:#fefefe;}
.colorE8E8E8 {color:#E8E8E8;}
.colorBEBEBE {color:#BEBEBE;}

/* 公共样式封装 *//* 弹性布局封装 *//* 弹性盒子 */
.fb {/*display:box;*/  display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;display:flex;}
/* 容器属性 *//* 1、flex-direction 主轴方向 */
.fb-row {-webkit-box-direction:normal;/*老语法*/  -webkit-box-orient:horizontal;/*老语法*/  -webkit-flex-direction:row;flex-direction:row;}
.fb-row-rev {/* box-direction只是改变了子元素的排序，并没有改变对齐方式，需要新增一个 box-pack 来改变对齐方式*/  -webkit-box-pack:end;/*老语法*/  box-pack:end;/*老语法*/  -webkit-box-direction:reverse;/*老语法*/  box-direction:reverse;/*老语法*/  -webkit-box-orient:horizontal;/*老语法*/  box-orient:horizontal;/*老语法*/  -webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.fb-col {-webkit-box-direction:normal;/*老语法*/  box-direction:normal;/*老语法*/  -webkit-box-orient:vertical;/*老语法*/  box-orient:vertical;/*老语法*/  -webkit-flex-direction:column;flex-direction:column;}
.fb-col-rev {/* box-direction只是改变了子元素的排序，并没有改变对齐方式，需要新增一个 box-pack 来改变对齐方式*/  -webkit-box-pack:end;/*老语法*/  -webkit-box-direction:reverse;/*老语法*/  -webkit-box-orient:vertical;/*老语法*/  -webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
/* 2、flex-wrap 设置溢出换行 */
.fb-nowrap {-webkit-flex-wrap:none;flex-wrap:none;/* 溢出不换行 强制一行，元素同比缩小 */}
.fb-wrap {-webkit-flex-wrap:wrap;flex-wrap:wrap;/* 溢出换行 */}
.fb-wrap-rev {-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;}
/* 3、flex-flow 是flex-direction flex-wrap的缩写 */
/* 4、justify-content属性定义了项目在主轴上的对齐方式 */
.fb-main-start {-webkit-box-pack:start;/*老语法*/  -webkit-justify-content:flex-start;justify-content:flex-start;}
.fb-main-center {-webkit-box-pack:center;/*老语法*/  -webkit-justify-content:center;justify-content:center;}
.fb-main-end {-webkit-box-pack:end;/*老语法*/  -webkit-justify-content:flex-end;justify-content:flex-end;}
/* 两端对齐，项目之间的间隔都相等 */
.fb-main-between {-webkit-box-pack:justify;/*老语法*/  -webkit-justify-content:space-between;justify-content:space-between;}
/* 每个项目两侧的间隔相等。项目之间的间隔比项目与边框的间隔大一倍。 */
.fb-main-around {-webkit-justify-content:space-around;justify-content:space-around;}
/* 5、align-items属性定义项目在交叉轴上如何对齐 */
.fb-cross-start {-webkit-box-align:start;/*老语法*/  box-align:start;/*老语法*/  -webkit-align-items:flex-start;align-items:flex-start;}
.fb-cross-center {-webkit-box-align:center;/*老语法*/  box-align:center;/*老语法*/  -webkit-align-items:center;align-items:center;}
.fb-cross-end {-webkit-box-align:end;/*老语法*/  box-align:end;/*老语法*/  -webkit-align-items:flex-end;align-items:flex-end;}
/* 项目的第一行文字的基线对齐 */
.fb-cross-baseline {-webkit-box-align:baseline;/*老语法*/  box-align:baseline;/*老语法*/  -webkit-align-items:baseline;align-items:baseline;}
/* 如果项目未设置高度或设为auto，将占满整个容器的高度 */
.fb-cross-stretch {-webkit-box-align:stretch;/*老语法*/  box-align:stretch;/*老语法*/  -webkit-align-items:stretch;align-items:stretch;}
/* 项目属性 *//* 1、order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0 */
.fb .item-order-1 {-webkit-box-ordinal-group:1;-webkit-order:1;order:1;}
.fb .item-order-2 {-webkit-box-ordinal-group:2;-webkit-order:2;order:2;}
.fb .item-order-3 {-webkit-box-ordinal-group:3;-webkit-order:3;order:3;}
/*2、flex-grow属性定义项目的放大比例        放大：默认0（即如果有剩余空间也不放大，值为1则放大，2是1的双倍大小，以此类推）  */
.fb .item-grow-1 {-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;}
.fb .item-grow-2 {-webkit-box-flex:2;-webkit-flex-grow:2;flex-grow:2;}
/* ... *//* 3、flex-shrink属性定义了项目的缩小比例      缩小：默认1（如果空间不足则会缩小，值为0不缩小)  */
.fb .item-shrink-0 {-webkit-box-flex:0;-webkit-flex-shrink:0;flex-shrink:0;}
/* 4、flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小 */
.fb .item-basis-120 {flex-basis:120px;}
/* 5、(建议优先使用这个属性)flex属性是flex-grow,flex-shrink 和 flex-basis的简写，默认值为0 1 auto */
.fb .item-flex-1 {-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;}
.fb .item-flex-2 {display:block;-webkit-flex:2;flex:2;}
/* {...}
*//* 6、align-self 属性允许单个项目有与其他项目不一样的对齐方式。        可覆盖align-items属性。        默认值为auto，表示继承父元素的align-items属性，        如果没有父元素，则等同于stretch  */
.fb .item-self-start {-webkit-align-self:flex-start;align-self:flex-start;}
.fb .item-self-center {-webkit-align-self:center;align-self:center;}
.fb .item-self-end {-webkit-align-self:flex-end;align-self:flex-end;}
.fb .item-self-baseline {-webkit-align-self:baseline;align-self:baseline;}
.fb .item-self-stretch {-webkit-align-self:stretch;align-self:stretch;}
.por {position:relative;}
.poa {position:absolute;}
.pof {position:fixed;}
.omit1 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.omit2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.omit3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.bgfff {background-color:#fff;}
.bg000 {background-color:#000;}
.bg00B2F6 {background-color:#00B2F6;}
.bg00B3F6 {background-color:#00B3F6;}
.bgF6F5F5 {background-color:#f6f5f5;}
.bgF7F4F8 {background-color:#f7f4f8;}
.bgF8F8F9 {background-color:#f8f8f9;}
.bgF8F8F8 {background-color:#f8f8f8;}
.bgFCFBFC {background-color:#fcfbfc;}
.bgF7F7F7 {background-color:#f7f7f7;}
.bgF5F5F5 {background-color:#F5F5F5;}
.bg00A8E8 {background-color:#00a8e8;}
.bgEDEDED {background-color:#ededed;}
.bgDDDDDD {background-color:#DDDDDD;}


.marginAuto {margin: 0 auto;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-nowrap {white-space:nowrap;}
.text-wrap {white-space:pre-wrap;}
.breakWord {word-wrap:break-word;}


.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt22 {margin-top:22px;}
.mt24 {margin-top:24px;}
.mt25 {margin-top:25px;}
.mt28 {margin-top:28px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt34 {margin-top:34px;}
.mt35 {margin-top:35px;}
.mt36 {margin-top:36px;}
.mt38 {margin-top:38px;}
.mt40 {margin-top:40px;}
.mt42 {margin-top:42px;}
.mt44 {margin-top:44px;}
.mt45 {margin-top:45px;}
.mt47 {margin-top:47px;}
.mt48 {margin-top:48px;}
.mt50 {margin-top:50px;}
.mt54 {margin-top:54px;}
.mt55 {margin-top:55px;}
.mt56 {margin-top:56px;}
.mt58 {margin-top:58px;}
.mt60 {margin-top:60px;}
.mt63 {margin-top:63px;}
.mt64 {margin-top:64px;}
.mt65 {margin-top:65px;}
.mt66 {margin-top:66px;}
.mt70 {margin-top:70px;}
.mt72 {margin-top:72px;}
.mt73 {margin-top:73px;}
.mt76 {margin-top:76px;}
.mt80 {margin-top:80px;}
.mt82 {margin-top:82px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb10 {margin-bottom:10px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;}
.mb22 {margin-bottom:22px;}
.mb24 {margin-bottom:24px;}
.mb25 {margin-bottom:25px;}
.mb27 {margin-bottom:27px;}
.mb30 {margin-bottom:30px;}
.mb38 {margin-bottom:38px;}
.mb40 {margin-bottom:40px;}
.mb48 {margin-bottom:48px;}
.mb50 {margin-bottom:50px;}
.mb52 {margin-bottom:52px;}
.mb58 {margin-bottom:58px;}
.mb60 {margin-bottom:60px;}

.mr4 {margin-right:4px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr14 {margin-right:14px;}
.mr16 {margin-right:16px;}
.mr20 {margin-right:20px;}
.mr28 {margin-right:28px;}
.mr30 {margin-right:30px;}
.mr36 {margin-right:36px;}
.mr32 {margin-right:32px;}
.mr44 {margin-right:44px;}
.mr45 {margin-right:45px;}
.mr52 {margin-right:52px;}
.mr62 {margin-right:62px;}
.mr70 {margin-right:70px;}
.mr98 {margin-right:98px;}



.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml8 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml14 {margin-left:14px;}
.ml15 {margin-left:15px;}
.ml16 {margin-left:16px;}
.ml20 {margin-left:20px;}
.ml22 {margin-left:22px;}
.ml23 {margin-left:23px;}
.ml24 {margin-left:24px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml30 {margin-left:30px;}
.ml33 {margin-left:33px;}
.ml35 {margin-left:35px;}
.ml36 {margin-left:36px;}
.ml40 {margin-left:40px;}
.ml42 {margin-left:42px;}
.ml50 {margin-left:50px;}
.ml52 {margin-left:52px;}
.ml70 {margin-left:70px;}
.ml76 {margin-left:76px;}
.ml80 {margin-left:80px;}
.ml174 {margin-left:174px;}


.pd-5 {padding:5px;}
.pd-20 {padding:20px;}
.pd-30 {padding:30px;}
.pd-40 {padding:40px;}
.pd-0-40 {padding:0 40px;}
.pd-0-30 {padding:0 30px;}
.pd-25-0 {padding:25px 0;}
.pd-30-0 {padding:30px 0;}
.pd-35-0 {padding:35px 0;}
.pd-37-0 {padding:37px 0;}
.pd-40-0 {padding:40px 0;}
.pd-53-0 {padding:53px 0;}
.pd-10-30{padding:10px 30px}
.pd-35-30{padding:35px 30px}
.pd-37-30{padding:37px 30px}
.pd-40-30{padding:40px 30px}
.pd-50-30{padding:50px 30px}
.pd-50-40{padding:50px 40px}
.pd-70-30{padding:70px 30px}
.pd-70-40{padding:70px 40px}




.pt1 {padding-top:1px;}
.pt3 {padding-top:3px;}
.pt8 {padding-top:8px;}
.pt10 {padding-top:10px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt23 {padding-top:23px;}
.pt24 {padding-top:24px;}
.pt25 {padding-top:25px;}
.pt26 {padding-top:26px;}
.pt30 {padding-top:30px;}
.pt32 {padding-top:32px;}
.pt35 {padding-top:35px;}
.pt37 {padding-top:37px;}
.pt38 {padding-top:38px;}
.pt40 {padding-top:40px;}
.pt42 {padding-top:42px;}
.pt44 {padding-top:44px;}
.pt45 {padding-top:45px;}
.pt46 {padding-top:46px;}
.pt48 {padding-top:48px;}
.pt50 {padding-top:50px;}
.pt54 {padding-top:54px;}
.pt55 {padding-top:55px;}
.pt56 {padding-top:56px;}
.pt60 {padding-top:60px;}
.pt62 {padding-top:62px;}
.pt65 {padding-top:65px;}
.pt68 {padding-top:68px;}
.pt70 {padding-top:70px;}
.pt72 {padding-top:72px;}
.pt80 {padding-top:80px;}
.pt86 {padding-top:86px;}
.pt90 {padding-top:90px;}
.pt97 {padding-top:97px;}
.pt100 {padding-top:100px;}
.pt104 {padding-top:104px;}
.pt118 {padding-top:118px;}
.pt196 {padding-top:196px;}



.pl10 {padding-left:10px;}
.pl16 {padding-left:16px;}
.pl20 {padding-left:20px;}
.pl24 {padding-left:24px;}
.pl30 {padding-left:30px;}
.pl33 {padding-left:33px;}
.pl38 {padding-left:38px;}
.pl40 {padding-left:40px;}
.pl42 {padding-left:42px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}



.pr10 {padding-right:10px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr24 {padding-right:24px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}



.pb1 {padding-bottom:1px;}
.pb3 {padding-bottom:3px;}
.pb10 {padding-bottom:10px;}
.pb18 {padding-bottom:18px;}
.pb20 {padding-bottom:20px;}
.pb23 {padding-bottom:23px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb32 {padding-bottom:32px;}
.pb34 {padding-bottom:34px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb42 {padding-bottom:42px;}
.pb44 {padding-bottom:44px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb54 {padding-bottom:54px;}
.pb57 {padding-bottom:57px;}
.pb60 {padding-bottom:60px;}
.pb80 {padding-bottom:80px;}
.pb81 {padding-bottom:81px;}
.pb88 {padding-bottom:88px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb118 {padding-bottom:118px;}
.pb130 {padding-bottom:130px;}




.btline {border-top:1px solid rgba(0,0,0,0.1);}
.blline {border-left:1px solid rgba(0,0,0,0.1);}
.brline {border-right:1px solid rgba(0,0,0,0.1);}
.bbline {border-bottom:1px solid rgba(0,0,0,0.1);}
.borderMain {border:1px solid rgba(0,168,232,1);}
.inlineblock {display:inline-block;}
.overflowXAuto {overflow-x:auto;}
.overflowHidden {overflow: hidden;}
.borderBox {box-sizing:border-box;}
.minHeight100 {min-height:100vh;}
.width-full {width:100%;}
.height-full {height:100%;}
.width122{width: 122px;}
.height30 {height:30px;}
.height32 {height:32px;}
.height100 {height:100px;}
.height110 {height:110px;}
.lh1 {line-height:1;}
.lh15 {line-height:1.5;}
.lh100 {line-height:100px;}
.lh105 {line-height:105px;}
.opcity0 {opacity:0;}
.zindex100 {z-index:100;}
.zindex1 {z-index:1;}
.nowrap {white-space: nowrap;}
/* 图标 */
.down {width:22px;height:13px;margin-left:16px;}
.right {width:12px;height:21px;margin-left:16px;}
.picker {min-width:50vw;text-align:right;}
/*关注按钮*/
.focus {width:122px;height:50px;line-height:50px;border:1px solid rgba(0,179,246,1);border-radius:25px;font-size:24px;font-weight:500;color:rgba(0,179,246,1);text-align:center;box-sizing:border-box;}
.focusAdd {width:16px;height:16px;}
.noFocus {width:122px;height:50px;line-height:50px;background:rgba(248,248,249,1);border-radius:25px;font-size:24px;font-weight:500;color:rgba(184,184,184,1);text-align:center;box-sizing:border-box;}
/* 头像 */
.avatar {width:80px;height:80px;border-radius:50%;}
/* 会员等级 */
.level{width:116px;height:32px;}
/* 赠送经验值 */
.pouf {width: 378px;height: 229px;background: rgba(255, 255, 255, 1);box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);border-radius: 5px;top: calc(50vh - 119px);left: calc(50vw - 189px);z-index: 1000;}

.poufIcon{width: 80px;height: 80px;}
.desc2 {
    position: relative;
}
.report-s0 {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    line-height: 30px;
    color: #999;
}
.item0.desc2 .report-s0 {
    right: -20px;
}
.commentCon .commitItem .desc.desc2,.item0.desc2  {
    padding-right: 100px;
}
    